/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; } ol, ul { list-style: none; } table { border-collapse: collapse; width: 100%; } td { vertical-align: top; }
/* Make HTML 5 elements display block-level for consistent styling */ header, nav, article, footer, address { display: block; } 
/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
html { scroll-behavior: smooth; }
body {}

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
header, footer, section, main, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, :before, :after { box-sizing: border-box; }

/*--- HEADER STYLES ---------------------*/
header {}

.aria-skip { position: relative; width: 0px; height: 0px; display: flex; font-size: 0px; opacity: 0; }

.fer-header, header.fer-header { position: relative; z-index: 1004; width: 100%; margin-bottom: -80px; display: flex; flex-direction: column; }
.fer-topheader, .fer-header-main { position: relative; width: 100%; display: flex; justify-content: space-between; }
.fer-topheader { z-index: 2; padding: 0 max(22px, calc(50vw - 1000px)) 0 max(256px, calc(50vw - 780px)); height: 44px; align-items: stretch; }
.topheader-l, .topheader-r { position: relative; display: flex; align-items: stretch; column-gap: 20px; }
.topheader-l { justify-content: flex-start; }
.topheader-r { justify-content: flex-end; }
.fer-topheader a { padding-top: 0; padding-bottom: 0; min-height: unset; }
.fer-topheader .listed span:not(.is-phone) { font-size: 15px; }
.fer-header-main { z-index: 4; padding: 0 max(22px, calc(50vw - 1000px)) 0 max(24px, calc(50vw - 996px)); align-items: flex-start; background: rgba(255, 255, 255, .9); background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 17%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 100%); }
.header-logo, .header-logo img { position: relative; height: 148px; }
.header-logo { z-index: 3; margin: -38px 0; }
.header-logo img { object-fit: contain; object-position: center; }
.header-main-right { position: relative; z-index: 4; height: 80px; display: flex; justify-content: flex-end; align-items: stretch; }
.nav-div { position: relative; z-index: 4; display: flex; justify-content: flex-end; align-items: stretch; }
.searchstuffwhateverthisendsupbeingcalled {}

#desktopSearchTogglerHolder, .mobile-search-toggler { position: relative; display: flex; align-items: center; }
.mobile-search-toggler { background: rgba(245, 180, 40, 0); color: #000; }
.mobile-search-toggler:hover { background: rgba(245, 180, 40, 1); }
#tabletSearchToggler.mobile-search-toggler i { color: #fff!important; font-size: 16px; }
#tabletSearchToggler.mobile-search-toggler:hover i { color: #000!important; }

.searchbox { width: 100%; display: flex; justify-content: center; align-items: center; }
#modal-searchbox { display: none; position: fixed; z-index: 2; top: 50%; transform: translateX(-50%) translateY(-50%); right: max(24px, calc(50vw - 1176px)); }

.searchbox form.fer-form { position: relative; padding: 40px; box-shadow: 0 2px 16px rgba(0, 0, 0, .5); gap: 0; }

#modal-searchbox.opened-full { position: fixed; z-index: 1005; top: 0; left: 0; width: 100%; height: max(100vh, 400px); padding: 60px 5vw; display: flex; justify-content: center; align-items: center; background: rgba(36,32,33,0.33); transform: none; box-shadow: none; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}

#modal-searchbox form.fer-form { padding-top: 50px; width: min(100%, 700px); flex-wrap: wrap; justify-content: center; }
#modal-searchbox form.fer-form select, #modal-searchbox form.fer-form input[type="text"] { width: 50%; }
#modal-searchbox form.fer-form button[type="submit"] { margin-top: 16px; }

.mobile-searchbox-closer-bg { display: none; }
#modal-searchbox.opened-full .mobile-searchbox-closer-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; pointer-events: all; background: rgba(0, 0, 0, .25); display: flex; }
#modal-searchbox.opened-full > *:not(.mobile-searchbox-closer-bg) { position: relative; z-index: 2; }

#modal-searchbox.opened-full a.fullsearch-closer { position: absolute!important; top: 0; right: 0; width: 50px; height: 50px; }
#modal-searchbox.opened-full a.fullsearch-closer i { color: #fff!important; }
#modal-searchbox.opened-full a.fullsearch-closer:hover i { color: #000!important; }

#floating-searchbox { position: relative; margin-bottom: -65px; }
#floating-searchbox form.fer-form { width: min(100%, 1900px); flex-wrap: nowrap; }
#floating-searchbox form.fer-form select, #floating-searchbox form.fer-form input[type="text"] { width: calc(25% - 65px); }
#floating-searchbox form.fer-form button[type="submit"] { min-width: min(100%, 228px); margin-left: 32px; }

#desktopPortalbtn { margin-top: auto; margin-bottom: auto; margin-left: 24px; }

/* Site Colors: */
:root {
	--yellow: #f5b428; 			/*	 var(--yellow); 		rgba(245, 180, 40, 1); 		*/
	--not-white: #f0f0f0; 		/*	 var(--not-white); 		rgba(240, 240, 240, 1);		*/
	--lightest-gray: #e0e0e0; 	/*	 var(--lightest-gray); 	rgba(224, 224, 224, 1);		*/
	--light-gray: #ddd; 		/*	 var(--light-gray); 	rgba(221, 221, 221, 1);		*/
	--dark-gray: #222; 			/*	 var(--dark-gray); 		rgba(34, 34, 34, 1); 		*/
}

/*---BODY--------------------------------*/
.invisilink { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; display: inline; transition: .25s ease all; }
a.invisilink:hover { color: var(--yellow); text-decoration: underline; }
.bg-yellow a.invisilink:hover, a.invisilink.bg-yellow:hover, 
.txt-yellow-yellow a.invisilink:hover, a.invisilink.txt-yellow-yellow:hover { color: var(--dark-gray); }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
h1, h2, h3, h4, h5, h6, .ferpage p, .ferpage span, .ferpage button, .ferpage label, .ferpage input, .ferpage select, .ferpage textarea, .ferpage div, .ferpage ul, .ferpage ol, .btnclass, .darkmode .btnclass, .btn-black, form button[type="submit"], form input[type="submit"], .listed, .foot-nav a, .mobile-search-toggler, nav.primary, nav.mobile { font-family: 'sinter', sans-serif; font-weight: 400; color: #000; transition: .25s ease all; }

.txt-default, .content-sect p, .ferpage p, .ferpage span, .ferpage input, .ferpage select, .ferpage textarea, .ferpage div, .ferpage ul, .ferpage ol, .btnclass, .darkmode .btnclass, .btn-black, form button[type="submit"], form input[type="submit"], .listed, .foot-nav a, .mobile-search-toggler { font-size: 16px; }

.txt-default, .content-sect p { font-family: 'sinter', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; color: #000; }

.txt-sm, .listed .txt-sm { font-size: 14px; }

.title, .title-h1, .title-h2, .title-h3, .title-h4, .subtitle { font-family: 'sinter', sans-serif; line-height: 1.05; width: 100%; }
.title span, .title-h1 span, .title-h2 span, .title-h3 span, .title-h4 span, .subtitle span { font-family: 'sinter', sans-serif; font-size: inherit; font-weight: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; }

.title, .title-h1, .title-h2, .title-h3, .title-h4, 
.ferpage .title, .ferpage .title-h1, .ferpage .title-h2, .ferpage .title-h3, .ferpage .title-h4, 
.ferpage .title span, .ferpage .title-h1 span, .ferpage .title-h2 span, .ferpage .title-h3 span, .ferpage .title-h4 span, 
.ferpage .title .invisilink, .ferpage .title-h1 .invisilink, .ferpage .title-h2 .invisilink, .ferpage .title-h3 .invisilink, .ferpage .title-h4 .invisilink { font-weight: 700; }

.title-h1, .title.title-h1 { font-size: 56px; }
.title, .title-h2, .title.title-h2 { font-size: 38px; }
.title-h3, .title.title-h3 { font-size: 32px; }
.title-h4, .title.title-h4 { font-size: 25px; }

.subtitle, .subtitle-h1, .subtitle-h2, .subtitle-h3, .subtitle-h4 { font-weight: 500; text-transform: uppercase; }

.subtitle-h1, .subtitle.subtitle-h1 { font-size: 32px; letter-spacing: 2px; }
.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 25px; letter-spacing: 1.5px; }
.subtitle-h3, .subtitle.subtitle-h3 { font-size: 21px; letter-spacing: 1.25px; }
.subtitle-h4, .subtitle.subtitle-h4 { font-size: 18px; letter-spacing: 1px; }

.multi-title { position: relative; width: 100%; display: flex; flex-direction: column; align-items: flex-start; }

/* targets .subtitle who is directly lower sibling to .title, within .content-sect (combatting row-gap) */
.content-sect .title + .subtitle { margin-top: -8px; }

/* targets .title who is directly lower sibling to .subtitle, within .content-sect (combatting row-gap) */
.content-sect .subtitle + .title { margin-top: -14px; }

/* buttons / links / <a> / ctas */
.btnclass, .darkmode .btnclass, .btn-black, form button[type="submit"], form input[type="submit"], .listed, .foot-nav a, .mobile-search-toggler { position: relative; min-width: 50px; min-height: 50px; display: flex; justify-content: center; align-items: center; column-gap: 8px; cursor: pointer; transition: .15s ease all; }

.btnclass, .darkmode .btnclass, .shadowed .btnclass, .btn-black, form button[type="submit"], form input[type="submit"], 
.btnclass:hover, .darkmode .btnclass:hover, .shadowed .btnclass:hover, .btn-black:hover, form button[type="submit"]:hover, form input[type="submit"]:hover { padding: 8px 24px; text-shadow: none!important; font-size: 20px; font-weight: 600!important; text-transform: uppercase; text-align: center; box-shadow: 0 2px 12px rgba(0, 0, 0, .15); border: none!important; outline: none!important; }
.btnclass, .darkmode .btnclass, .shadowed .btnclass, .btn-black, form button[type="submit"], form input[type="submit"] { background: var(--yellow); color: #000; }
.shadowed .btnclass, .btnclass.shadowed, form button[type="submit"], form input[type="submit"], 
.shadowed .btnclass:hover, .btnclass.shadowed:hover, form button[type="submit"]:hover, form input[type="submit"]:hover { box-shadow: 0 2px 16px rgba(0, 0, 0, 1)!important; }
.btn-black, .btnclass.btn-black { background: #000; color: #fff; }
.btnclass:hover, .darkmode .btnclass:hover, .shadowed .btnclass:hover, .btn-black:hover, .btnclass.btn-black:hover, form button[type="submit"]:hover, form input[type="submit"]:hover { background: #000; color: var(--yellow); }

.listed { padding: 8px 12px; background: rgba(245, 180, 40, 0); min-width: 44px; min-height: 44px; }
.listed, .listed i, .listed span { color: #000; transition: .25s ease all; }
.listed, .listed span { font-size: 16px; letter-spacing: .5px; }
.listed span {}
.listed.is-phone, .listed span.is-phone { font-size: 18px; font-weight: 700; }
.listed i, .icon-link i, .listed.is-phone i { color: #000; font-size: 17px; width: 26px; text-align: center; display: flex; justify-content: center; }
a.listed:hover { background: rgba(245, 180, 40, 1); color: #000!important; cursor: pointer; }
a.listed:hover i, a.listed:hover span { color: #000!important; cursor: pointer; }

.darkmode .listed, .darkmode .listed span, .listed.darkmode, .listed.darkmode span, 
.shadowed .listed, .shadowed .listed span, .listed.shadowed, .listed.shadowed span { color: var(--light-gray); }
.darkmode a.listed i, 
.darkmode a.listed:hover, .darkmode a.listed:hover i, .darkmode a.listed:hover span, 
a.listed.darkmode:hover, a.listed.darkmode:hover i, a.listed.darkmode:hover span { color: var(--yellow); }

a.icon-link {}
a.icon-link i { font-size: 18px; width: unset; }

a.icon-link:hover, a.icon-link:hover i, .darkmode a.icon-link:hover i { color: var(--yellow); cursor: pointer; }
a.icon-link:hover i, .darkmode a.icon-link:hover i { color: #000; }
a.icon-link:hover { background: rgba(245, 180, 40, 1); }

.is-hours { z-index: 3; }
.is-hours, .is-hours li { position: relative; list-style-type: none; }
.is-hours li { margin: -1px 0; }
.is-hours li span { position: relative; padding: 4px 6px; margin: 0 -6px; transition: .1s ease all; }
.ta-r .is-hours li span { text-align: right; }
.is-hours li span:before { position: absolute; content: ""; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; pointer-events: none; transition: .1s ease all; }
.darkmode .is-hours li span:before, .is-hours.darkmode li span:before, .is-hours li.darkmode span:before, .is-hours li span.darkmode:before { background: #fff; }
.is-hours li span:hover:before { opacity: .15; }

/* sections */
.content-sect, .horiz-sect, .sb-sect { position: relative; display: flex; row-gap: 20px; }
.content-sect { flex-direction: column; align-items: flex-start; justify-content: center; }
.ai-c, .content-sect.ai-c, .multi-title.ai-c { align-items: center; }
.ai-fe, .content-sect.ai-fe, .multi-title.ai-fe { align-items: flex-end; }

.content-sect p, .horiz-sect, .sb-sect { width: 100%; }

.horiz-sect, .sb-sect { flex-direction: row; align-items: center; }

.horiz-sect { flex-wrap: wrap; justify-content: flex-start; column-gap: 20px; row-gap: 8px; }
.jc-c, .horiz-sect.jc-c { justify-content: center; }

.sb-sect { justify-content: space-between; column-gap: min(5vw, 250px); }

.f-row { display: flex; flex-direction: row; }
.f-col { display: flex; flex-direction: column; align-items: flex-start; }

.jc-fs { justify-content: flex-start; }
.jc-fe { justify-content: flex-end; }
.jc-sb { justify-content: space-between; }

.ai-fs { align-items: flex-start; }
.ai-fe { align-items: flex-end; }
.ai-s { align-items: stretch; }

.ac-c { align-content: center; }

.fw-w { flex-wrap: wrap; }

.mission { position: relative; width: 100%; padding-top: 60px; padding-bottom: 60px; display: flex; justify-content: center; align-items: stretch; column-gap: 60px; row-gap: 40px; }
.mission > .content-sect { width: 50%; padding: 40px 0; }
.mission .missionimg { position: relative; width: 50%; min-height: 320px; display: flex; justify-content: center; align-items: center; }

.missionimg img, .hero > img, .subhero > img, .bg-img > img, .catbox img, .fill-link { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

img.img-contain { object-fit: contain; }

.mission .missionimg img.img-contain { position: relative; width: 100%; height: auto; max-height: 600px; object-fit: contain; }

.scrolling-inv-sect, .yellow-sect { position: relative; width: 100%; padding: 40px max(4vw, calc(50% - 1000px)); display: flex; flex-direction: column; row-gap: 32px; }
.scrolling-inv-sect .sb-sect, .scrolling-inv-holder { position: relative; z-index: 3; width: 100%; }
.scrolling-inv-sect .sb-sect { padding: 0 min(1vw, 50px); }
.scrolling-inv-holder { height: 90px; margin-bottom: 20px; }
.scrolling-inv-holder:before, .map-div:before { position: absolute; content: ""; z-index: 1; top: 20px; left: 50%; transform: translateX(-50%); width: calc(100% + 40px); height: 90px; background: var(--dark-gray); }
.scrolling-inv-holder iframe { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 90px; background: #fff; overflow: hidden; }

/* Homepage - default.htm */
.homepage, .subpage { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; }
.homepage {}

.hero, .subhero { position: relative; width: 100%; background: #000; display: flex; justify-content: flex-start; align-items: center; }
.hero { padding: 60px max(4%, calc(50vw - 1000px)); min-height: max(600px, min(1000px, calc(100vh - 43px))); }
.hero:after { position: absolute; z-index: 4; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(105deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .45) 32%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }

.hero > img {}

.swiper-holder { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; }
.swiper { width: 100%; height: 100%; }
.my-swiper:after { position: absolute; z-index: 4; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(105deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .45) 32%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }
.swiper-slide { text-align: center; background: #000; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.swiper-pagination { z-index: 6; margin-top: 40px; }
.swiper-pagination-bullet, .swiper-pagination-bullet-active { background: #fff; border-radius: 0; width: 16px; margin: 8px 4px!important; }
.swiper-pagination-bullet { opacity: .6; height: 16px; }
.swiper-pagination-bullet-active { opacity: 1; height: 60px; }

.hero-overlay { position: relative; z-index: 6; pointer-events: none; }
.hero-overlay * { pointer-events: all; }
.hero .hero-overlay { width: min(100%, 730px); margin-top: 80px; }

.inv-sect { position: relative; width: 100%; padding: 48px max(40px, calc(50vw - 1000px)) 0 max(40px, calc(50vw - 1000px)); display: flex; flex-direction: column; align-items: center; row-gap: 40px; }
.inv-sect .title {}
.catbox-sect { position: relative; width: 100%; background: var(--light-gray); box-shadow: 0 4px 20px rgba(0, 0, 0, .2); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: stretch; align-items: stretch; align-content: stretch; gap: 1px; }
.catbox { position: relative; width: calc(25% - 0.749px); min-height: 120px; padding: 0 0 12px 0; background: var(--dark-gray); display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; overflow: hidden; }
.catbox img { opacity: .19; transform-origin: center; transition: .4s ease all; }
.catbox .fill-link { z-index: 3; }
.catbox .fill-link:hover ~ .catbox-browseall { color: var(--yellow); }
.catbox:after { position: absolute; content: ""; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(105deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .45) 32%, rgba(0, 0, 0, 0) 62%, rgba(0, 0, 0, 0) 100%); opacity: .5; pointer-events: none; }
.catbox:hover {}
.catbox:hover img { opacity: .14; transform: scale(1.15); transition: .6s ease all; }
.catbox > *:not(img):not(.fill-link):not(.title), .catbox > .title > .invisilink, .catbox > .title > span { position: relative; z-index: 5; padding: 0 12px; }
.catbox > .title > .invisilink, .catbox > .title > span { width: 100%; pointer-events: all; padding: 12px 12px 8px 12px; }
.catbox, .catbox .title, .catbox a { color: #fff; text-shadow: 1px 1px 0 #000, 0 0 12px #000; }
.catbox a:hover { color: var(--yellow); }
.catbox .title, .catbox a:not(.invisilink) { display: flex; justify-content: flex-start; align-items: center; min-height: 28px; font-size: 17px; letter-spacing: 0.25px; }
.catbox .title { position: relative; z-index: 5; text-transform: uppercase; font-size: 25px; letter-spacing: 1px; pointer-events: none; }

.catbox-center-center { padding: 16px 12px; }
.catbox-center-center:after { display: none; opacity: 0; }
.catbox-center-center, .catbox-center-center .title, .catbox-center-center a, .catbox.catbox-center-center, .catbox.catbox-center-center .title, .catbox.catbox-center-center a { align-items: center; justify-content: center; text-align: center; }
.catbox-center-center .title, .catbox.catbox-center-center .title { font-size: 20px; }
.catbox-center-center .title, .catbox.catbox-center-center .title, .catbox-center-center a, .catbox.catbox-center-center a { text-shadow: none; padding: 0; margin: 0; }

.catbox-center-center.bg-dark-gray:hover { background: #000; }
.catbox-center-center.bg-dark-gray:hover * { color: var(--yellow)!important; }
.catbox-center-center:hover, .catbox-center-center:hover * { letter-spacing: 2.5px; transition: .4s ease letter-spacing; }

.inv-all { overflow: hidden; }
.inv-all, .inv-all .title, .inv-all a, .catbox.inv-all, .catbox.inv-all .title, .catbox.inv-all a, 
.bg-yellow, .bg-yellow .title, .bg-yellow a, .catbox.bg-yellow, .catbox.bg-yellow .title, .catbox.bg-yellow a { color: #000; text-shadow: 0 0 12px var(--yellow), 0 0 24px var(--yellow); }

.catbox-watermark { padding: 4px 12px; object-fit: contain!important; }
.catbox:hover .catbox-watermark { opacity: .3; }

.home-mission { margin-top: 65px; }

/* subpages */
.subpage {}

.subhero { padding-top: 160px; padding-bottom: 40px; }
.subhero:after { position: absolute; z-index: 4; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(105deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .6) 40%, rgba(0, 0, 0, .15) 75%, rgba(0, 0, 0, .15) 100%); }

.subhero > img {}

.subhero .hero-overlay { width: 100%; }

.fer-breadcrumbs { position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; gap: 12px; margin-bottom: -12px; }
.fer-breadcrumb, .fer-breadcrumb-divider { width: unset!important; color: #ccc!important; }
.fer-breadcrumb {}
a.fer-breadcrumb:hover { color: #fff!important; text-decoration: underline; }
.fer-breadcrumb-divider {}

/* browse-by-category.htm */
.invcatpage {}

/* contact-us.htm */
.contactpage {}

.contactinf { justify-content: space-between; }

.contact-mission {}
.contactinf > .content-sect, .contact-mission > .content-sect { padding: 0!important; }

.addtlinfcol { width: unset!important; }
.getintouchcol, .addtlinfcol { width: 438px!important; }
.maininfcol { width: unset!important; }

.contactpage-logo, .contactpage-logo img { max-width: 140px; height: auto!important; }
.contactpage-logo, .contactpage-logo img { max-width: 180px; height: auto!important; }

.contactpage-logo { background: #fff; padding: 8px 12px; }
.contactpage-logo:before { display: none!important; }
.contactpage-logo img {}

.contactpage .margt-24 { margin-top: 32px; }
.contactpage .margt-32 { margin-top: 40px; }

.map-div { margin-top: 32px; margin-bottom: 40px; }
.map-div:before { height: 100%; top: unset; bottom: -24px; }
.map-div iframe { position: relative; z-index: 3; background: #ccc; }

/* rentals.htm */
.rentalpage {}

#rentalForm .title-h3 { margin-top: 32px!important; padding-bottom: 12px; border-bottom: 1px solid #444; }
#rentalForm .title-h4 { margin-top: 16px!important; margin-bottom: 8px!important; }

#rentalsearchform { row-gap: 24px; }
#rentalsearchform #floating-searchbox { width: min(100%, 1300px); }
#rentalsearchform #floating-searchbox form.fer-form select, #rentalsearchform #floating-searchbox form.fer-form input[type="text"] { width: calc(33.333333% - 65px); }

/* rental-categories.htm */
.rentalcatspage {}

#rentalcatbigcol { padding: 60px max(5vw, calc(50vw - 800px)); }

/* accordion!! */
.accordion-sect { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; column-gap: 20px; row-gap: 20px; }

.accordion { position: relative; border: 1px solid #bbb; display: flex; flex-direction: column; transition: .4s ease all; }
.accordion .accordion-header, .accordion .accordion-content { width: 100%!important; transition: .2s ease all; }
.accordion .accordion-header { padding: 16px; cursor: pointer; display: flex; justify-content: space-between; column-gap: 8px; }
.accordion .accordion-header i { width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; text-align: center; transition: .2s ease all; }
.accordion .accordion-content { padding: 32px min(5vw, 20px); flex-direction: column; align-items: flex-start; }
.accordion .accordion-content img { width: 100%; height: auto; max-height: 250px; padding: 0 min(5vw, 12px); margin-bottom: 20px; object-fit: contain; object-position: center; }
.accordion .accordion-content .title { margin-bottom: 12px; }
.accordion .accordion-content .subtitle { font-size: 22px!important; font-weight: 700!important; margin-top: 16px; margin-bottom: 12px; }
.accordion .accordion-content p { margin-bottom: 12px; } 
.accordion .accordion-content .btnclass { margin-top: 12px; margin-right: auto; }

.accordion:not(.active) {}
.accordion:not(.active) .accordion-header i { font-size: 15px; transform: none; }
.accordion:not(.active) .accordion-header i:before { /*content: "\2b";*/ font-size: 15px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; text-align: center; transform: none; transition: .2s ease all; }
.accordion:not(.active) .accordion-header { background: #f8f8f8; height: 100%; align-items: center; }
.accordion:not(.active) .accordion-header .title { font-size: 24px!important; min-height: 32px; display: flex; justify-content: flex-start; align-items: center; }
.accordion:not(.active) .accordion-content { display: none; }

.accordion:hover {}
.accordion .accordion-header:hover { background: #e0e0e0; }

.accordion.active { width: 100%!important; background: #f2f2f2; }
.accordion.active .accordion-header, .accordion.active .accordion-content { padding-left: min(40px, 5vw); padding-right: min(40px, 5vw); }
.accordion.active .accordion-header {}
.accordion.active .accordion-header:hover {}
.accordion.active .accordion-header i { transform: rotate(45deg); font-size: 20px; }
.accordion.active .accordion-header i:before { /*content: "\f068";*/ }
.accordion.active .accordion-header .title { font-size: 30px!important; }
.accordion.active .accordion-content { display: flex; }

ul.nottable { width: 100%; overflow-x: auto; margin-bottom: 20px; }
ul.nottable.has5cols, ul.nottable.has5cols li {}
ul.nottable.has6cols, ul.nottable.has6cols li {}
ul.nottable.has7cols, ul.nottable.has7cols li {}
ul.nottable li { border-bottom: 1px solid #444; display: flex; justify-content: flex-start; align-items: stretch; background: #f2f2f2; transition: .15s ease all; }
ul.nottable li:first-child {}
ul.nottable li:hover, ul.nottable li:hover span { background: #e0e0e0; }

ul.nottable li span { padding: 6px 12px; border-bottom: 1px solid #444; margin-bottoM: -1px; display: flex; justify-content: flex-start; align-items: center; background: #f2f2f2; transition: .15s ease all; }
ul.nottable li span.txt-bold { background: #e4e4e4; }
ul.nottable li span.width50 { width: 50%; }

ul.nottable li:first-child span:nth-child(1):hover {}

.has5cols li span { width: 20%; }
.has5cols li span:nth-child(1) { width: 20%; }
.has5cols li span:nth-child(2) { width: 20%; }
.has5cols li span:nth-child(3) { width: 20%; }
.has5cols li span:nth-child(4) { width: 20%; }
.has5cols li span:nth-child(5) { width: 20%; }

.has6cols li span { width: 16.67%; }
.has6cols li span:nth-child(1) { width: 16.67%; }
.has6cols li span:nth-child(2) { width: 16.67%; }
.has6cols li span:nth-child(3) { width: 16.67%; }
.has6cols li span:nth-child(4) { width: 16.67%; }
.has6cols li span:nth-child(5) { width: 16.67%; }
.has6cols li span:nth-child(6) { width: 16.67%; }

.has7cols li span { width: 14.28%; }
.has7cols li span:nth-child(1) { width: 14.28%; }
.has7cols li span:nth-child(2) { width: 14.28%; }
.has7cols li span:nth-child(3) { width: 14.28%; }
.has7cols li span:nth-child(4) { width: 14.28%; }
.has7cols li span:nth-child(5) { width: 14.28%; }
.has7cols li span:nth-child(6) { width: 14.28%; }
.has7cols li span:nth-child(7) { width: 14.28%; }

.backhoecol1 {}
.backhoecol2 {}
.backhoecol3 { min-width: max(16.67%, 160px)!important; }
.backhoecol4 {}
.backhoecol5 {}
.backhoecol6 { min-width: max(16.67%, 150px)!important; }

.excavatorcol1 { min-width: max(16.67%, 160px)!important; }
.excavatorcol2 {}
.excavatorcol3 { min-width: max(16.67%, 160px)!important; }
.excavatorcol4 {}
.excavatorcol5 { min-width: max(16.67%, 150px)!important; }
.excavatorcol6 {}

.miniexcavatorcol1 { min-width: max(16.67%, 180px)!important; }
.miniexcavatorcol2 {}
.miniexcavatorcol3 { min-width: max(16.67%, 150px)!important; }
.miniexcavatorcol4 {}
.miniexcavatorcol5 { min-width: max(16.67%, 150px)!important; }
.miniexcavatorcol6 {}

.skidsteercol1 {}
.skidsteercol2 {}
.skidsteercol3 {}
.skidsteercol4 {}
.skidsteercol5 { min-width: max(20%, 235px)!important; }

.wheelloadercol1 {}
.wheelloadercol2 {}
.wheelloadercol3 {}
.wheelloadercol4 {}
.wheelloadercol5 {}

.trenchercol1 {}
.trenchercol2 {}
.trenchercol3 {}
.trenchercol4 {}
.trenchercol5 {}

.telehandlercol1 {}
.telehandlercol2 {}
.telehandlercol3 {}
.telehandlercol4 {}
.telehandlercol5 {}

.boomliftcol1 {}
.boomliftcol2 {}
.boomliftcol3 {}
.boomliftcol4 {}
.boomliftcol5 {}

.waterpumpcol1 {}
.waterpumpcol2 {}
.waterpumpcol3 {}
.waterpumpcol4 {}
.waterpumpcol5 {}

.flatbedcol1 { min-width: max(16.67%, 200px)!important; }
.flatbedcol2 { min-width: max(16.67%, 150px)!important; }
.flatbedcol3 { min-width: max(16.67%, 150px)!important; }
.flatbedcol4 { min-width: max(16.67%, 165px)!important; }
.flatbedcol5 {}
.flatbedcol6 {}

.chainsawcol1 { min-width: max(20%, 195px)!important; }
.chainsawcol2 { min-width: max(20%, 170px)!important; }
.chainsawcol3 {}
.chainsawcol4 {}
.chainsawcol5 {}

.rollercol1 {}
.rollercol2 {}
.rollercol3 {}
.rollercol4 {}
.rollercol5 {}

.lighttowercol1 { min-width: max(14.28%, 190px)!important; }
.lighttowercol2 { min-width: max(14.28%, 70px)!important; }
.lighttowercol3 { min-width: max(14.28%, 105px)!important; }
.lighttowercol4 { min-width: max(14.28%, 130px)!important; }
.lighttowercol5 { min-width: max(14.28%, 110px)!important; }
.lighttowercol6 { min-width: max(14.28%, 150px)!important; }
.lighttowercol7 { min-width: max(14.28%, 110px)!important; }

/* Thank You pages contact-thank-you.htm rental-thank-you.htm */
.thankyoupage {}

.thankyou-mission {}

.thankyoupage .inv-sect, .invcatpage .inv-sect, #rentalsearchform { padding-bottom: 40px!important; }
.thankyoupage .inv-sect #floating-searchbox, .invcatpage .inv-sect #floating-searchbox, #rentalsearchform #floating-searchbox { margin-bottom: 0!important; }

.contactthankyoupage {}

.rentalthankyoupage {}

/* recommended styles */
.ta-c, .ta-c .title, .ta-c p, .title.ta-c, p.ta-c { text-align: center; }
.ta-r, .ta-r .title, .ta-r p, .title.ta-r, p.ta-r { text-align: right; }
.ta-l, .ta-l .title, .ta-l p, .title.ta-l, p.ta-l { text-align: left; }

.txt-white, .txt-white span, .txt-white h1, .txt-white h2, .txt-white h3, .txt-white h4, .txt-white p, .txt-white li, .txt-white li span, 
.darkmode, .darkmode .title, .darkmode .subtitle, .darkmode p, .darkmode li, .darkmode li span { color: #fff; }

.shadowed, .shadowed .title, .shadowed .subtitle, .shadowed p { color: #fff; text-shadow: 1px 1px 0 #000, 0 0 20px #000; }

.txt-yellow, .listed.txt-yellow, .listed .txt-yellow, .listed span.txt-yellow { color: var(--yellow); }
.txt-white { color: #fff; }
.txt-not-white { color: var(--not-white); }
.txt-lightest-gray { color: var(--lightest-gray); }
.txt-light-gray { color: var(--light-gray); }
.txt-dark-gray { color: var(--dark-gray); }
.txt-black { color: #000; }

.bg-yellow, .scrolling-inv-sect, .yellow-sect { background: var(--yellow); }
.bg-white { background: #fff; }
.bg-not-white { background: var(--not-white); }
.bg-lightest-gray { background: var(--lightest-gray); }
.bg-light-gray { background: var(--light-gray); }
.bg-dark-gray, .searchbox form.fer-form { background: var(--dark-gray); }
.bg-black { background: #000; }

.bg-img { position: relative; }
.bg-img > *:not(img) { position: relative; z-index: 3; }

.width50 { width: 50%; }
.width100 { width: 100%; }

.padtb-20 { padding-top: 20px; padding-bottom: 20px; }
.padtb-40 { padding-top: 40px; padding-bottom: 40px; }
.padtb-50 { padding-top: 50px; padding-bottom: 50px; }
.padtb-80 { padding-top: 80px; padding-bottom: 80px; }

.padlr-norm, .mission, .subhero { padding-left: max(5vw, calc(50vw - 1000px)); padding-right: max(5vw, calc(50vw - 1000px)); }

.margt-4 { margin-top: 4px; }
.margt-8 { margin-top: 8px; }
.margt-16 { margin-top: 16px; }
.margt-20 { margin-top: 20px; }
.margt-24 { margin-top: 24px; }
.margt-32 { margin-top: 32px; }
.margt-40 { margin-top: 40px; }

.margb-neg40 { margin-bottom: -40px; }
.margb-4 { margin-bottom: 4px; }
.margb-8 { margin-bottom: 8px; }
.margb-16 { margin-bottom: 16px; }
.margb-80 { margin-bottom: 80px; }

.marglr-auto { margin-left: auto; margin-right: auto; }

.margl-6 { margin-left: 6px; }

.colgap-10 { column-gap: 10px; }
.colgap-12 { column-gap: 12px; }
.colgap-24 { column-gap: 24px; }
.colgap-60 { column-gap: 60px; }
.colgap-lg { column-gap: min(200px, 10vw); }

.rowgap-4 { row-gap: 4px; }
.rowgap-24 { row-gap: 24px; }
.rowgap-24 { row-gap: 24px; }
.rowgap-32 { row-gap: 32px; }
.rowgap-40 { row-gap: 40px; }
.rowgap-50 { row-gap: 50px; }

.z3 { position: relative; z-index: 3; }

/* forced styles */
.txt-bold { font-weight: 700!important; }

.force-width-unset { width: unset!important; }

.force-bora-0 { border-radius: 0!important; }

.force-margb-0 { margin-bottom: 0!important; }

.force-colgap-0 { column-gap: 0!important; }
.force-rowgap-0 { row-gap: 0!important; }

/*--------FORM STYLES--------------------*/
.form-sect { position: relative; width: 100%; display: flex; justify-content: center; align-items: stretch; }
.form-sect > .content-sect { width: calc(440px + max(5vw, calc(50vw - 700px) + min(5vw, 60px))); padding: 60px min(5vw, 60px) 60px max(5vw, calc(50vw - 700px)); justify-content: flex-start; }
.form-sect form.fer-form { width: calc(100% - calc(440px + max(5vw, calc(50vw - 700px) + min(5vw, 60px)))); padding: 60px max(5vw, calc(50vw - 700px)) 60px min(5vw, 80px); }

.form-lg { position: relative; width: 100%; display: flex; justify-content: center; padding: 60px max(5vw, calc(50vw - 700px)); }

form.fer-form { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; column-gap: 16px; row-gap: 0; }
form.fer-form .formrow { width: 100%; display: flex; justify-content: flex-start; }
form.fer-form .formrow-captcha { width: 100%; display: flex; flex-direction: column; align-items: flex-start; margin-top: 8px; }

form.fer-form .smcol { width: calc(33.333333% - 10.7px); display: flex; flex-direction: column; align-items: flex-start; }

form.fer-form label { width: 100%; padding: 12px 0 10px 0; margin-top: 10px; box-sizing: border-box!important; color: #222; font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: .5px; }
form.fer-form select, form.fer-form input, form.fer-form input[type="text"], form.fer-form input[type="email"], form.fer-form textarea, form.fer-form #CaptchaAnswer { width: 100%; height: 50px; padding: 10px 12px; box-sizing: border-box; background: #fff; color: #000; font-size: 16px; line-height: 1.4; letter-spacing: .5px; border: none; outline: 1px solid #000; border-radius: 0!important; }
form.fer-form textarea { height: 120px; }
form.fer-form select { background: #fff; border-right: 20px solid #fff!important; }

.checkbox-holder { position: relative; z-index: 2; width: 100%!important; padding: 4px 16px 4px 12px!important; margin-top: 0!important; transition: .2s ease all; display: flex; justify-content: flex-start; align-items: center; column-gap: 12px; }
.checkbox-holder:hover { background: #ccc; transition: .2s ease all; }
form.fer-form input[type="checkbox"] { width: 20px; height: 20px; border: 1px solid #444!important; outline: none!important; accent-color: var(--yellow); }
form.fer-form input[type="checkbox"]:checked { border: none!important; outline: 1px solid #444!important; }

.formcatclump { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: calc(25% - 12px); }

form.fer-form fieldset { position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; column-gap: 16px; row-gap: 0; }
form.fer-form fieldset legend { width: 100%; }

form.fer-form .CaptchaPanel { background: #333; text-align: left; margin: 10px 0 0 0; padding: 12px 16px; box-sizing: border-box; max-width: 100%; }
form.fer-form .CaptchaMessagePanel { font-family: 'sinter', sans-serif!important; color: #fff!important; text-shadow: none!important; text-align: left; }
form.fer-form #CaptchaAnswer { width: 180px!important; }
form.fer-form div.CaptchaWhatsThisPanel a { font-family: 'sinter', sans-serif!important; color: #fff!important; text-shadow: none!important; transition: .15s ease all; }
form.fer-form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"], form input[type="submit"] { cursor: pointer; border: none; }

/*-------- FOOTER STYLES ----------------*/
footer {}

.fer-footer, footer.fer-footer, .foot-nav, .foot-main, .foot-right-top, .foot-right-bottom { position: relative; width: 100%; display: flex; }
.fer-footer, footer.fer-footer { z-index: 2; flex-direction: column; border-bottom: 5px solid var(--yellow); }
.foot-nav { padding: 36px max(calc(50% - 600px), 12%); justify-content: space-around; align-items: center; }
.foot-nav a { position: relative; padding: 8px min(24px, 4vw); display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 22px; font-weight: 500; text-transform: uppercase; background: rgba(245, 180, 40, 0); }
.foot-nav a:hover { background: rgba(245, 180, 40, 1); color: #000; }
.foot-main { z-index: 3; padding: 0 max(calc(50% - 850px), 5%); justify-content: space-between; align-items: flex-end; }
.foot-side { position: relative; z-index: 4; width: calc(50% - 200px); display: flex; flex-direction: column; justify-content: center; align-self: stretch; }
.foot-left { z-index: 4; padding: 24px 0; align-items: flex-start; }
.foot-logo-col { position: relative; z-index: 3; padding: 16px 110px 10px 110px; margin-bottom: -5px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.foot-logo-col:before, .foot-logo-col:after { position: absolute; content: ""; left: 50%; bottom: 0; transform: translateX(-50%); clip-path: polygon(0% 100%, 90px 0%, calc(100% - 90px) 0%, 100% 100%); }
.foot-logo-col:before { z-index: 2; width: 100%; height: calc(100% - 110px); background: var(--yellow); }
.foot-logo-col:after { z-index: 3; width: calc(100% - 8px); height: calc(100% - 114px); background: #fff; }
.foot-logo, .foot-logo img { position: relative; z-index: 7; height: 200px; }
.foot-logo { margin-bottom: 16px; }
.foot-logo:before { position: absolute; z-index: -1; content: ""; top: 50%; left: -6px; width: calc(100% + 12px); height: 27%; background: #fff; }
.foot-logo img { width: auto; max-width: min(100%, 80vw); object-fit: contain; object-position: center; }
.foot-copyright { position: relative; z-index: 5; background: #fff; color: #000; padding: 6px; }
.foot-copyright, .foot-copyright span { font-size: 12px!important; }
.foot-copyright span.copyright-symbol { font-size: 13px!important; }
.foot-right { z-index: 2; padding: 16px 0 16px 24px; row-gap: 20px; }
.foot-right-top, .foot-right-bottom { justify-content: space-between; align-items: center; }
.foot-right-top { column-gap: 4px; }
.foot-extracontacts { width: 200px; display: flex; flex-direction: column; align-items: flex-start; }
.foot-extracontacts .listed { margin-left: -13px; }
.foot-hours { width: min(274px, 100%); }
.foot-hours ul li span, .foot-quote .txt-default { font-size: 14px!important; }
.foot-right-bottom { column-gap: 20px; }
.foot-quote { width: min(206px, 100%); }
.foot-quote p { margin-top: 8px; }
.foot-associations { width: unset; }
.foot-associations a img { object-fit: contain; object-position: center; transition: .2s ease all; }
.foot-associations a:hover img { transform: scale(1.05); }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.add-underfoot .fer-footer:after, .add-underfoot footer.fer-footer:after, .fer-footer.add-underfoot:after, footer.fer-footer.add-underfoot:after { position: absolute; z-index: -1; content: ""; width: 100%; height: 100px; background: black; top: calc(100% + 5px); }

/* AT styles */
.list.listing { display: flex!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1800px) {
	.foot-main { padding: 0 4%; }
	.foot-right { padding-left: 12px; }
}

@media only screen and (max-width: 1650px) {
	.hero { min-height: max(550px, min(800px, calc(100vh - 43px))); }
	
	.foot-logo-col { padding: 10px 108px; }
	.foot-logo-col:before { height: calc(100% - 97px); }
	.foot-logo-col:after { height: calc(100% - 101px); }
	.foot-logo { margin-bottom: 10px; }
	.foot-logo, .foot-logo img { height: 190px; }
	.foot-right { padding-left: 4px; }
}

@media only screen and (max-width: 1550px) {
	.fer-topheader { padding-left: 216px; padding-right: 12px; }
	.topheader-l, .topheader-r { column-gap: 12px; }
	
	.foot-right { padding-left: 0; }
	.foot-associations { column-gap: 12px; }
	.foot-associations a { transform: scale(.9); }
}

@media only screen and (max-width: 1500px) {
	.title-h1, .title.title-h1 { font-size: 48px; }
	.title, .title-h2, .title.title-h2 { font-size: 36px; }
	.title-h3, .title.title-h3 { font-size: 28px; }
	.title-h4, .title.title-h4 { font-size: 22px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 28px; letter-spacing: 2px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 23px; letter-spacing: 1.25px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 19px; letter-spacing: 1px; }
	.subtitle-h4, .subtitle.subtitle-h4 { font-size: 17px; letter-spacing: .8px; }
	
	.hero .hero-overlay { width: min(100%, 630px); }
	
	.fer-footer, footer.fer-footer { border-bottom: none; }
	.foot-main { flex-wrap: wrap; border-top: 4px solid var(--yellow); }
	.foot-logo-col { order: 1; padding: 16px 90px 12px 90px; margin: -4px 0 0 0; }
	.foot-logo-col:before, .foot-logo-col:after { display: flex!important; bottom: unset; top: 0; clip-path: polygon(0% 0%, 100% 0%, calc(100% - 75px) 100%, 75px 100%); }
	.foot-logo-col:before { height: 100%; }
	.foot-logo-col:after { height: calc(100% - 4px); }
	.foot-logo { margin-bottom: 12px; }
	.foot-logo, .foot-logo img { height: 150px; }
	.foot-side { padding-top: 40px; padding-bottom: 40px; order: 2; }
	.foot-right { width: 100%; padding-left: 2.5vw; padding-right: 2.5vw; row-gap: 12px; }
	
	.add-underfoot .fer-footer:after, .add-underfoot footer.fer-footer:after, .fer-footer.add-underfoot:after, footer.fer-footer.add-underfoot:after { top: 100%; }
}

@media only screen and (max-width: 1500px) and (min-width: 1050px) {	/* MIND THE MAX-MIN-WIDTH */
	.foot-main { justify-content: center; }
	.foot-left { width: 100%; padding-left: calc(50% - 180px); padding-right: calc(50% - 180px); align-items: center; pointer-events: none; }
	.foot-left > * { pointer-events: all; }
	.foot-left .horiz-sect { justify-content: center; }
	.foot-right { position: absolute; bottom: 0; left: 0; }
}

@media only screen and (min-width: 1421px) {	/* MIND THE MIN-WIDTH */
	.show1420 { display: none!important; }
}

@media only screen and (max-width: 1420px) {
	.hide1420 { display: none!important; }
	
	#desktopPortalbtn { margin-left: 16px; }
}

@media only screen and (max-width: 1380px) {
	.hero { min-height: max(500px, min(720px, calc(100vh - 43px))); }
}

@media only screen and (max-width: 1300px) {
	.catbox a:not(.invisilink) { font-size: 16px; }
}

@media only screen and (max-width: 1280px) {
	.title-h1, .title.title-h1 { font-size: 44px; }
	.title, .title-h2, .title.title-h2 { font-size: 32px; }
	.title-h3, .title.title-h3 { font-size: 24px; }
	.title-h4, .title.title-h4 { font-size: 20px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 26px; letter-spacing: 1.5px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 22px; letter-spacing: 1px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 18px; }
	.subtitle-h4, .subtitle.subtitle-h4 { font-size: 16px; letter-spacing: .5px; }
	
	.hero .hero-overlay { width: min(100%, 580px); }
	
	.accordion:not(.active) .accordion-header .title { font-size: 20px!important; }
	.accordion.active .accordion-header .title { font-size: 24px!important; }
	
	.form-sect { flex-direction: column; }
	.form-sect > .content-sect, .form-sect form.fer-form { width: 100%; padding: 50px 5vw; }
}

@media only screen and (max-width: 1250px) {
	.formcatclump { width: calc(33.333333% - 12px); }
}

@media only screen and (max-width: 1220px) {
	#floating-searchbox form.fer-form { flex-wrap: wrap; justify-content: center; width: min(700px, 100%); padding-top: 32px; padding-bottom: 32px; }
	#floating-searchbox form.fer-form select, #floating-searchbox form.fer-form input[type="text"] { width: 50%; }
	#floating-searchbox form.fer-form button[type="submit"] { margin-left: 0; margin-top: 16px; }
	
	#rentalsearchform #floating-searchbox form.fer-form select, #rentalsearchform #floating-searchbox form.fer-form input[type="text"] { width: 33.333333%; }
	
	.inv-sect { padding-left: 32px; padding-right: 32px; }
}

@media only screen and (max-width: 1200px) {
	.hero { min-height: max(480px, min(650px, calc(100vh - 43px))); }
	
	.scrolling-inv-sect .sb-sect, .yellow-sect .sb-sect { padding-left: 0; padding-right: 0; }
	
	.padlr-norm, .mission { padding-left: 4vw; padding-right: 4vw; }
	
	.inv-sect { padding-left: 11px; padding-right: 11px; }
	
	ul.nottable li span { font-size: 14px; min-width: 160px; }

	.backhoecol1 { min-width: max(16.67%, 90px)!important; }
	.backhoecol2 { min-width: max(16.67%, 70px)!important; }
	.backhoecol3 { min-width: max(16.67%, 130px)!important; }
	.backhoecol4 { min-width: max(16.67%, 90px)!important; }
	.backhoecol5 { min-width: max(16.67%, 100px)!important; }
	.backhoecol6 { min-width: max(16.67%, 130px)!important; }

	.excavatorcol1 { min-width: max(16.67%, 135px)!important; }
	.excavatorcol2 { min-width: max(16.67%, 70px)!important; }
	.excavatorcol3 { min-width: max(16.67%, 130px)!important; }
	.excavatorcol4 { min-width: max(16.67%, 90px)!important; }
	.excavatorcol5 { min-width: max(16.67%, 130px)!important; }
	.excavatorcol6 { min-width: max(16.67%, 90px)!important; }

	.miniexcavatorcol1 { min-width: max(16.67%, 150px)!important; }
	.miniexcavatorcol2 { min-width: max(16.67%, 70px)!important; }
	.miniexcavatorcol3 { min-width: max(16.67%, 130px)!important; }
	.miniexcavatorcol4 { min-width: max(16.67%, 90px)!important; }
	.miniexcavatorcol5 { min-width: max(16.67%, 130px)!important; }
	.miniexcavatorcol6 { min-width: max(16.67%, 80px)!important; }

	.skidsteercol1 { min-width: max(20%, 100px)!important; }
	.skidsteercol2 { min-width: max(20%, 80px)!important; }
	.skidsteercol3 { min-width: max(20%, 90px)!important; }
	.skidsteercol4 { min-width: max(20%, 90px)!important; }
	.skidsteercol5 { min-width: max(20%, 210px)!important; }

	.wheelloadercol1 { min-width: max(20%, 140px)!important; }
	.wheelloadercol2 { min-width: max(20%, 70px)!important; }
	.wheelloadercol3 { min-width: max(20%, 150px)!important; }
	.wheelloadercol4 { min-width: max(20%, 70px)!important; }
	.wheelloadercol5 { min-width: max(20%, 110px)!important; }

	.trenchercol1 { min-width: max(20%, 150px)!important; }
	.trenchercol2 { min-width: max(20%, 80px)!important; }
	.trenchercol3 { min-width: max(20%, 150px)!important; }
	.trenchercol4 { min-width: max(20%, 120px)!important; }
	.trenchercol5 { min-width: max(20%, 100px)!important; }

	.telehandlercol1 { min-width: max(20%, 110px)!important; }
	.telehandlercol2 { min-width: max(20%, 70px)!important; }
	.telehandlercol3 { min-width: max(20%, 120px)!important; }
	.telehandlercol4 { min-width: max(20%, 120px)!important; }
	.telehandlercol5 { min-width: max(20%, 150px)!important; }

	.boomliftcol1 { min-width: max(20%, 100px)!important; }
	.boomliftcol2 { min-width: max(20%, 140px)!important; }
	.boomliftcol3 { min-width: max(20%, 150px)!important; }
	.boomliftcol4 { min-width: max(20%, 150px)!important; }
	.boomliftcol5 { min-width: max(20%, 160px)!important; }

	.waterpumpcol1 { min-width: max(20%, 150px)!important; }
	.waterpumpcol2 { min-width: max(20%, 80px)!important; }
	.waterpumpcol3 { min-width: max(20%, 140px)!important; }
	.waterpumpcol4 { min-width: max(20%, 140px)!important; }
	.waterpumpcol5 { min-width: max(20%, 90px)!important; }

	.flatbedcol1 { min-width: max(16.67%, 180px)!important; }
	.flatbedcol2 { min-width: max(16.67%, 130px)!important; }
	.flatbedcol3 { min-width: max(16.67%, 140px)!important; }
	.flatbedcol4 { min-width: max(16.67%, 145px)!important; }
	.flatbedcol5 { min-width: max(16.67%, 90px)!important; }
	.flatbedcol6 { min-width: max(16.67%, 90px)!important; }

	.chainsawcol1 { min-width: max(20%, 175px)!important; }
	.chainsawcol2 { min-width: max(20%, 160px)!important; }
	.chainsawcol3 { min-width: max(20%, 100px)!important; }
	.chainsawcol4 { min-width: max(20%, 120px)!important; }
	.chainsawcol5 { min-width: max(20%, 70px)!important; }

	.rollercol1 { min-width: max(20%, 130px)!important; }
	.rollercol2 { min-width: max(20%, 80px)!important; }
	.rollercol3 { min-width: max(20%, 130px)!important; }
	.rollercol4 { min-width: max(20%, 100px)!important; }
	.rollercol5 { min-width: max(20%, 100px)!important; }

	.lighttowercol1 { min-width: max(14.28%, 170px)!important; }
	.lighttowercol2 { min-width: max(14.28%, 70px)!important; }
	.lighttowercol3 { min-width: max(14.28%, 95px)!important; }
	.lighttowercol4 { min-width: max(14.28%, 110px)!important; }
	.lighttowercol5 { min-width: max(14.28%, 100px)!important; }
	.lighttowercol6 { min-width: max(14.28%, 135px)!important; }
	.lighttowercol7 { min-width: max(14.28%, 100px)!important; }
	
	.foot-nav a { font-size: 20px; }
}

@media only screen and (max-width: 1150px) {
	.fer-header, header.fer-header { margin-bottom: -66px; }
	.fer-topheader { height: 50px; padding-left: 196px; }
	.fer-header-main { padding-right: 8px; }
	.header-logo, .header-logo img { height: 128px; }
	.header-logo { margin: -42px 0; }
	.header-main-right { height: 66px; }
	
	#desktopPortalbtn { margin-left: 14px; padding-left: 16px; padding-right: 16px; }
	
	.inv-sect { padding-left: 32px; padding-right: 32px; }
	.catbox { order: 1; width: calc(33.333333% - 0.67px); }
	.inv-all { order: 2; }
	.catbox.bg-dark-gray { order: 3; }
	.catbox a:not(.invisilink) { min-height: 30px; letter-spacing: 0; }
	.catbox > .title > .invisilink, .catbox > .title > span { padding-bottom: 4px; }
}

@media only screen and (max-width: 1120px) {
	.hide1120 { display: none!important; }
	
	.title-h1, .title.title-h1 { font-size: 40px; }
	.title, .title-h2, .title.title-h2 { font-size: 28px; }
	.title-h3, .title.title-h3 { font-size: 22px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 24px; letter-spacing: 1.25px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 19px; letter-spacing: .5px; }
	.subtitle-h3, .subtitle.subtitle-h3 { font-size: 17px; letter-spacing: .5px; }
	
	.hero .hero-overlay { width: min(100%, 530px); }
}

@media only screen and (max-width: 1080px) {
	.inv-sect { padding-left: 2.5vw; padding-right: 2.5vw; }
	
	.foot-nav { padding-left: 5vw; padding-right: 5vw; }
}

@media only screen and (max-width: 1050px) {
	.foot-main { align-items: flex-start; padding-left: 0; padding-right: 0; }
	.foot-logo-col { padding-left: 70px; padding-right: 70px; margin-left: 3vw; }
	.foot-logo-col:before, .foot-logo-col:after { clip-path: polygon(0% 0%, 100% 0%, calc(100% - 65px) 100%, 65px 100%); }
	.foot-logo, .foot-logo img { height: 140px; }
	.foot-left { width: unset; padding: 24px 5vw 0 5vw; }
	.foot-right { padding-left: 5vw; padding-right: 5vw; }
}

@media only screen and (min-width: 1021px) {	/* MIND THE MIN-WIDTH */
	.show1020 { display: none!important; }
}

/* switch to mobile nav */
@media only screen and (max-width: 1020px) {
	.hide1020 { display: none!important; }
}

@media only screen and (max-width: 1000px) {
	.mission { flex-direction: column; }
	.mission.mission-cr { flex-direction: column-reverse; }
	.mission > .content-sect, .mission .missionimg { width: 100%; }
	.mission > .content-sect { padding: 0; }
}

@media only screen and (max-width: 950px) {
	.scrolling-inv-sect .sb-sect { flex-direction: column; }
	.scrolling-inv-sect .sb-sect > .content-sect { width: 100%; }
	.scrolling-inv-sect .sb-sect .title, .scrolling-inv-sect .sb-sect .subtitle, .scrolling-inv-sect .sb-sect p { text-align: center; }
}

@media only screen and (max-width: 910px) {
	.catbox { width: calc(50% - 0.67px); }
	.inv-all { order: 4; }
	
	.formcatclump { width: calc(50% - 12px); }
}

@media only screen and (max-width: 1280px) and (min-width: 850px) {	/* MIND THE MAX-MIN-WIDTH */
	.contactpage .form-sect > .content-sect { flex-direction: row; justify-content: space-between; align-items: flex-start; }
	.contactpage .form-sect > .content-sect .content-sect .margt-24:first-child, .contactpage .form-sect > .content-sect .content-sect .margt-32:first-child { margin-top: 0!important; }
	.callcol { width: 50%; }
	.addrcol { width: calc(50% - 24px); }
}

@media only screen and (max-width: 880px) {
	.fer-topheader { padding-left: 174px; }
	.topheader-l, .topheader-r { column-gap: 0; }
	.fer-header-main { padding-left: 16px; }
}

@media only screen and (max-width: 850px) {
	.fer-topheader { padding-right: 6px; }
	
	.contactpage .form-sect > .content-sect, .callcol, .addrcol, .contactpage .is-hours { align-items: center; }
	.contactpage .form-sect > .content-sect .subtitle, .contactpage .is-hours { text-align: center!important; }
}

@media only screen and (min-width: 821px) {	/* MIND THE MIN-WIDTH */
	.show820 { display: none!important; }
}

@media only screen and (max-width: 820px) {
	.hide820 { display: none!important; }
	
	.fer-topheader, .topheader-l { justify-content: flex-end; }
	
	.foot-logo-col { padding-left: 65px; padding-right: 65px; margin-left: 2.5vw; }
	.foot-logo-col:before, .foot-logo-col:after { clip-path: polygon(0% 0%, 100% 0%, calc(100% - 55px) 100%, 55px 100%); }
	.foot-logo, .foot-logo img { height: 132px; }
	.foot-left, .foot-right { padding-left: 4vw; padding-right: 4vw; }
}

@media only screen and (max-width: 800px) {
	form.fer-form .smcol { width: 100%!important; }
	form.fer-form label { margin-top: 6px!important; padding-bottom: 8px!important; }
	
	.foot-nav { padding: 24px 2.5vw; flex-wrap: wrap; justify-content: center; }
	.foot-main, .foot-left .horiz-sect { justify-content: center; }
	.foot-logo-col { margin-left: 0; }
	.foot-left { width: 100%; padding-top: 40px; align-items: center; }
}

@media only screen and (max-width: 750px) {
	.hero { align-items: flex-end; }
	.hero:after { background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50px, rgba(0, 0, 0, .5) 350px, rgba(0, 0, 0, .5) 100%); }
	.my-swiper:after { background-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50px, rgba(0, 0, 0, .5) 350px, rgba(0, 0, 0, .5) 100%); }
	.swiper-pagination { margin: 0; top: unset!important; bottom: 10px!important; }
	.swiper-pagination-bullet, .swiper-pagination-bullet-active { width: 20px; height: 20px; }
	.swiper-pagination-bullet-active { width: 60px; }
}

@media only screen and (max-width: 680px) {
	.foot-nav { flex-wrap: nowrap; flex-direction: column; }
}

@media only screen and (max-width: 650px) {
	#modal-searchbox.opened-full { padding: 40px 1.5vw; }
	.searchbox form.fer-form { padding-left: 4vw!important; padding-right: 4vw!important; }
	.searchbox form.fer-form select, .searchbox form.fer-form input[type="text"], .searchbox form.fer-form button[type="submit"] { width: 100%!important; }
	
	#floating-searchbox form.fer-form { padding-top: max(5vw, 16px); padding-bottom: max(5vw, 16px); }
	
	.inv-sect { padding-left: 4vw; padding-right: 4vw; }
	.catbox { width: 100%; flex-direction: row; flex-wrap: wrap; min-height: 100px; }
	.catbox * { justify-content: center!important; text-align: center!important; }
	.catbox a:not(.invisilink):not(.fill-link) { width: 50%; font-size: 18px; padding-top: 4px; padding-bottom: 4px; }
	.catbox .title, .catbox a.catbox-browseall { width: 100%!important; }
	.catbox a { min-height: 50px!important; }
	
	.accordion-sect { row-gap: 0; }
	.accordion { width: 100%; }
}

@media only screen and (max-width: 600px) {
	.hide600 { display: none!important; }
	
	.mission .missionimg { min-height: unset; }
	.missionimg img { position: relative; top: unset; left: unset; height: auto; object-fit: contain; }
	
	.formcatclump { width: 100%; }
}

@media only screen and (max-width: 580px) {
	.title-h1, .title.title-h1 { font-size: 36px; }
	.title, .title-h2, .title.title-h2 { font-size: 26px; }
	.title-h3, .title.title-h3 { font-size: 20px; }

	.subtitle-h1, .subtitle.subtitle-h1 { font-size: 22px; letter-spacing: 1px; }
	.subtitle, .subtitle-h2, .subtitle.subtitle-h2 { font-size: 18px; }
}

/* switch to full mobile header */
@media only screen and (max-width: 550px) {
	.fer-header, header.fer-header { margin-bottom: -90px; }
	.fer-topheader, .topheader-l { justify-content: center; padding: 0; }
	.topheader-l, .topheader-l .listed { width: 100%; }
	.header-logo, .header-logo img { height: 100px; }
	.header-logo { margin: 0 0 -20px 0; }
	.fer-header-main { align-items: center; padding: 0 8px 0 12px; }
	.header-main-right { height: 90px; }
	
	.foot-right, .foot-right-top, .foot-right-bottom { flex-direction: column; row-gap: 40px; }
	.foot-extracontacts, .foot-hours ul { align-items: center; }
	.foot-hours ul, .foot-hours ul li, .foot-hours ul li span, .foot-quote p { text-align: center; }
	.foot-hours ul li, .foot-associations { justify-content: center; }
}

@media only screen and (max-width: 520px) {
	.title-h1, .title.title-h1 { font-size: 33px; }
	
	.catbox { min-height: 80px; }
	
	.scrolling-inv-sect, .yellow-sect { overflow: hidden; }
	.scrolling-inv-holder:before, .map-div:before { width: 100vw; }
}

@media only screen and (max-width: 480px) {
	.title-h1, .title.title-h1 { font-size: 31px; }
}

@media only screen and (max-width: 450px) {
	.title-h1, .title.title-h1 { font-size: 29px; }
}

@media only screen and (max-width: 420px) {
	.btnclass, .darkmode .btnclass, .shadowed .btnclass, .btn-black, form button[type="submit"], form input[type="submit"], 
	.btnclass:hover, .darkmode .btnclass:hover, .shadowed .btnclass:hover, .btn-black:hover, form button[type="submit"]:hover, form input[type="submit"]:hover { width: 100%; margin-left: auto; margin-right: auto; padding-left: 8px; padding-right: 8px; }
	
	.foot-nav a { width: 100%; }
}

@media only screen and (max-width: 380px) {
	.catbox a:not(.invisilink):not(.fill-link) { width: 100%; }
}

@media only screen and (max-width: 350px) {
	.hide350 { display: none!important; }
	
	.listed, .listed span { display: flex; flex-wrap: wrap!important; row-gap: 12px; justify-content: center!important; align-items: center!important; text-align: center!important; max-width: 95vw; }
	
	.is-hours li span { }
	
	.foot-logo-col, .foot-logo-col:before, .foot-logo-col:after { width: 100%; clip-path: none; padding-left: 5vw; padding-right: 5vw; }
}

@media only screen and (max-width: 280px) {
	.catbox a:not(.invisilink):not(.fill-link) { font-size: 16px; }
}